<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!-- 头部部分-->
<header id="header">
	<!--左边部分,主要是图标和搜索框的设置-->
	<div class="center">
		<div class="erji center">
			<img src="images/erji.png" alt="耳机" />
			<p class="display">HelloMusic</p>
		</div>
		<div class="set center">
			<img src="images/set.png" alt="设置" />
		</div>
		<div class="search center">
			<img src="images/search.png" alt="搜索" id="sousuo"/>
		</div>
		<input class="input" type="text" name="search" id="searchs"
			placeholder="请输入搜索的歌曲、歌星等" />	
		<p class="loading" id="loads">正在搜索中<span>...</span></p>
	</div>
	<!--右边部分,主要是短消息和进来的图标等-->
	<div class="right">
             <div class="mess center"><img src="images/lingdang.png" alt="短消息"/><span class="number">3</span></div>
             <!-- 如果想显示的话可以添加一个class center -->
             <div class="head mask" style="display:none" id="showName">
                 <div class="name">
                     <p>人物名字</p>
                     <div class="triangle"></div>
                 </div>
                 <img src="images/p1.jpg"/>
             </div>
             <div class="head center mask" id="login">
                 <span class="denglu">登录</span><span class="zhuce">注册</span>
             </div>
         </div>
	<!-- 表单登录部分的设计 -->
	<div id="form" class="display">
		<div class="login">账号登录:</div>
		<form class="myform" id="myform" method="post">
			<p>
				<input class="input" type="text" name="username" placeholder="请输入账号" />
			</p>
			<p>
				<input class="input" type="password" name="password"
					placeholder="请输入密码" />
			</p>
			<p>
				<input type="checkbox" name="checkbox"><span>自动登录</span> <a
					href="#">忘记密码？</a>
			</p>
			<p>
				<input id="btn" type="button" value="登  录" />
			</p>
		</form>
		<hr>
		<div class="center">
			<span><a href="${pageContext.request.contextPath}/QQLogin"><img src="images/qq.png" /></a></span>
			<span><a href="${pageContext.request.contextPath}/htmls/weixinlogin.jsp" target="_blank"><img src="images/weixin.png" /></a></span>
		</div>
		<span class="exit">X</span>
	</div>
</header>